<html>
	<head>
		<title>Chat Room</title>
	</head>
	<body>
		<table align="cernt">
			<tr>
				<td>
					<label>UserName:</label>
					<input type=text id="username"></input>
				</td>	
			</tr>
			<tr>
				<td>
					<label>room:</label>
					<input type=text id="room"></input>
					<button id="connect">Connect</button>
					<button id="leave" disabled>Leave</button>
				</td>
			</tr>
			<tr>
				<td>
					<label>Content:</label><br>
					<textarea disabled id="output" rows="10" clos="100"></textarea>
				</td>
			</tr>
			<tr>	
				<td>
					<label>Input: </label><br>
					<textarea disabled id="input" rows="3" clos="50"></textarea>
				</td>
			</tr>
			<tr>
				<td>
					<button id="send">Send</button>
				</td>
			</tr>
		</table>
	</body>
	<script src="./js/client.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.0.3/socket.io.js"></script>
</html>
